<template>
  <view class="box">
    
    <view class="box1">   
      <view class="pic">
        <image src="../../static/images/cailiao.png" mode="widthFix"></image>
      </view>
      <view class="text">
        <view class="title">
          <text>广东省中山市烟草专卖局关于印发《中山市烟草专卖局（公司）全面绩效管理办法）》的通知</text>
        </view>
        <view class="date">
          <view class="t1">
            <text>中烟人【2022】32号</text>
            <text>发布日期：2022年11月11日</text>      
          </view>
          <view class="t2">        
              <text>现行</text>          
          </view>
        </view>    
      </view> 
    
    </view>
      
 <!-- ------------------------------------------------------------------ -->
     <view class="line"></view>
    <view class="box1">
     
      <view class="pic">
        <image src="../../static/images/cailiao.png" mode="widthFix"></image>
      </view>
      <view class="text">
        <view class="title">
          <text>广东省中山市烟草专卖局关于印发《中山市烟草专卖局（公司）全面绩效管理办法）》的通知</text>
        </view>
        <view class="date">
          <view class="t1">
            <text>中烟人【2022】32号</text>
            <text>发布日期：2022年11月11日</text>      
          </view>
          <view class="t2">        
              <text>现行</text>          
          </view>
        </view>    
      </view> 
    </view>
    
    
  </view>
</template>

<script>
  export default {
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">


.box1{
  

  margin: 30rpx;
  display: flex;
  flex-direction: row;
  // flex-wrap: nowrap;
  // justify-content: center;
    .pic{
      
      width: 150rpx;
      height: 150rpx;
   
      border-radius: 15px;
      background: rgba(255, 255, 255, 1);      
      border: 1px solid rgba(0, 186, 173, 1);      
      box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
      image{
        padding: 10rpx;
        width: 120rpx;
        height: 120rpx;
      }
    }
    .text{
      padding-left: 20rpx;
      font-size: 12px;
      
      .date{
        display: flex;
        position: fixed;
        .t1{
          display: flex;
          flex-direction: column;
        }
        .t2{
         
          width: 140rpx;
          height: 80rpx;
          background: #fff;
          font-size: 30px;
          margin: 20rpx;
          border: 1px solid #2B9C14;
          // padding-left: 10rpx;
          // padding-top: 20rpx;
          text-align: center;
        }
      
      }
    }
}

 .line{
      margin: 0 20rpx;
      width: 349px;
      height: 0px;
      opacity: 1;
      transform: rotate(0.16deg);
      border: 1px solid rgba(140, 140, 140, 1);
    }


.box2{
 
}














</style>
